<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>appmain</title>
  <link rel="stylesheet" href="./css/appmain.css">
  <link rel="stylesheet" href="../../../css/common.css">
  <link rel="stylesheet" href="../../../css/element-ui/index.css">
  <script src="../../../js/lib/vue/vue.js"></script>
  <script src="../../../js/lib/elementui/lib/index.js"></script>
</head>

<body>
  <div id="left" class="left relative">
    <div class="left-tabs ver-inner-md">
      <div class="left-tab ver-md " data-id="1">我的收藏</div>
      <div class="left-tab ver-md" data-id="2">应用中心</div>
      <div class="left-tab ver-md active" data-id="3">我上架的</div>
    </div>
    <div class="tab-contents" id="tabContent">
      <div id="tab-content-1" class="tab-content common-applications-wrapper hidden">

        <div class="set-up-button ">设置</div>
      </div>
      <div id="tab-content-2" class="tab-content common-applications-wrapper hidden">

      </div>
      <div id="tab-content-3" class="tab-content common-applications-wrapper ">
        <div style="margin:10px 0">
          <el-button type="primary" @click="appinfoadd">上架应用</el-button>
        </div>
        <el-table :data="table_list" height="100%" border style="width: 100%" stripe highlight-current-row>
          <el-table-column label="序号" width="100">
            <template slot-scope="scope">
              {{scope.$index+1}}
            </template>
          </el-table-column>
          <el-table-column prop="iconurl" label="图标" width="100">
            <template slot-scope="scope">
              <img class="appicon_row" :src="scope.row.iconurl" />
            </template>
          </el-table-column>
          <el-table-column prop="appname" label="应用名称" width="200">
          </el-table-column>
          <el-table-column prop="operatedate" label="添加时间">
          </el-table-column>
          <el-table-column prop="public" :formatter='publicformat' label="公开状态" width="100">
            <template slot-scope="scope">
              <font style="color: #0037ff;font-weight: bold;" v-if='scope.row.public==1'>公开</font>
              <font style="color: red;font-weight: bold;" v-else>不公开</font>
            </template>
          </el-table-column>
          <el-table-column fixed="right" label="操作">
            <template slot-scope="scope">
              <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
              <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
              <el-button size="mini" type="primary" @click="addTab(scope.$index, scope.row)">打开</el-button>
            </template>
          </el-table-column>
        </el-table>
        <el-pagination @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[5]"
          :page-size="pagesize" layout="total, sizes, prev, pager, next, jumper" :total="totalcount">
        </el-pagination>
      </div>


    </div>
  </div>
</body>

<script id="appdetailtemplate" type="x-tmpl-mustache">
  <ul id="alldetail-alllist" class="common-list clearfix" tabindex="0" style="overflow: hidden; outline: none;">
            {{#appinfolist}}
            <li class="l common-items" title="{{appname}}">
              <div class="common-frame" data-appguid="{{appguid}}" data-appname="{{appname}}" data-appurl="{{appurl}}">
                <div class="icon-content">
                  <img class='appicon' src="{{iconurl}}" alt="图标炸了">
                </div>
                <div class="common-txt ">{{appname}}</div>
              </div>
    </li>
            {{/appinfolist}}
          </ul>
</script>
<script id="appinfotemplate" type="x-tmpl-mustache">
  <ul id="allinfo-alllist" class="common-list clearfix" tabindex="0" style="overflow: hidden; outline: none;">
  {{#appinfolist}}
  <li class="l common-items" title="{{appname}}">
    <div class="common-frame" data-appguid="{{rowguid}}" data-appname="{{appname}}" data-appurl="{{appurl}}">
      <div class="icon-content">
        <img class='appicon' src="{{iconurl}}" alt="图标炸了">
      </div>
      <div class="common-txt ">{{appname}}</div>
    </div>
  </li>
  {{/appinfolist}}
</ul>
</script>
<script src="./js/appmain.js"></script>

</html>
